<%-- 
    Document   : index
    Created on : Dec 3, 2013, 11:18:54 AM
    Author     : Admin
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link href="css/styles.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/jquery.js"></script>
        <!--below is the code to display the website properly in ie6-->
        <!--[if IE 6]>
        <script defer type="text/javascript" src="js/pngfix.js"></script>
        <![endif]-->
        <!--[if IE]>
        <style type="text/css" media="all">

        @font-face {
         font-family: "Emma Sophia";
         src: url(font/emmasophia.eot) !important;
        }
        </style>
        <![endif]-->
        <script>
            function changeURL(){          
                var lnk = document.getElementById("searchLink");
                lnk.href = "CustomerController?btAction=Search&txtName=" + document.getElementById("search").value;
            }
        </script>
    </head>
    <body>
        <div id="background">
            <!-- tiling image of the blue gradient at the top -->
            <div id="centre">
                <!-- splats and stars -->
                <div id="water_sand">
                    <!-- the tiling water and sand wave along the bottom -->
                    <div id="bottom">
                        <!--this is the underwater scene -->
                        <div id="wrapper">
                            <div id="header">
                                <div id="logo_birds">
                                    <div id="logo_container">
                                        <div id="logo"><img src="images/logo.png" width="262" height="64" alt="Logo" /></div>
                                    </div>
                                    <div class="left"></div>
                                    <div class="right"></div>
                                </div>
                                <!--end logo birds-->
                                <div id="search_blimp">
                                    <div class="front"><img src="images/search_blimp.png" width="213" height="63" alt="Search" /></div>
                                    <div class="middle">
                                        <div class="button">
                                            <a href="" id="searchLink"  onmousemove="changeURL()"><input name="search_button" type="image" src="images/button_search.gif"/></a>

                                        </div>
                                        <div class="field">
                                            <input id="search" name="txtSearch" type="text" value="${param.txtSearch}"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="tail"></div>
                            </div>
                            <!--end search blimp-->
                        </div>
                        <!--end header-->
                        <div id="menu_wrapper">
                            <div id="main_menu">
                                <ul>
                                    <li><a href="index.jsp">home</a></li>
                                    <li><a href="products.jsp">products</a></li>
                                    <li> <a href="about.html">about</a></li>
                                    <li><a href="terms_faq.html">terms &amp; faq</a></li>
                                    <li class="noborder"><a href="contact.html">contact</a></li>
                                </ul>
                            </div>
                            <!--end main menu-->
                            <div id="cart">
                                <div class="left"></div>
                                <div class="icon"><img src="images/icon_cart.png" width="33" height="31" alt="Cart" /></div>
                                <ul class="text">
                                    <li><a href="#">0 items</a> <span class="white">|</span></li>
                                    <li><a href="#">$0.00</a> <span class="white">|</span></li>
                                    <li><a href="#">Checkout</a></li>
                                </ul>
                                <div class="right"></div>
                            </div>
                            <!--end cart-->
                        </div>
                        <!--end menu wrapper-->
                        <div id="container">
                            <div class="top"></div>
                            <div id="content">
                                <div class="home_left">
                                    <p><a href="#"><img src="images/home_main_photo.jpg" alt="Home Main" width="688" height="193" border="0" class="home_large_image" /></a></p>
                                    <h1>Welcome to Kids Toys</h1>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec congue massa. Vivamus auctor ultrices tortor eu malesuada. Suspendisse potenti. Etiam eget sagittis libero. Proin vitae cursus lectus. Donec tempor tortor sit amet nulla vulputate bibendum. Quisque consectetur molestie rhoncus. Sed euismod justo volutpat eros consequat tristique vehicula quam pellentesque. Vivamus mi tortor, fringilla quis rhoncus in, venenatis in sapien. Maecenas pellentesque accumsan elementum.   Etiam eget sagittis libero. Proin vitae cursus lectus. Donec tempor tortor sit amet nulla vulputate bibendum.</p>
                                </div>
                                <!--end home left-->
                                <div class="home_right">
                                    <ul class="home_boxes">
                                        <li><a href="#"><img src="images/home_view_catalogue.jpg" alt="Latest Catalogue" width="244" height="193" border="0" /></a></li>
                                        <li><a href="#"><img src="images/home_terms.jpg" alt="Terms and FAQ" width="243" height="193" border="0" /></a></li>
                                        <li><a href="#"><img src="images/home_delivery.jpg" alt="Home Delivery" width="244" height="193" border="0" /></a> </li>
                                    </ul>
                                </div>
                                <!--end home right-->
                                <hr class="clear" />
                            </div>
                            <!--end content-->
                        </div>
                        <!--end main container-->
                        <div id="container_bottom"></div>
                        <div id="footer_container">
                            <div id="footer">
                                <ul>
                                    <li>©  Kids Toys |</li>
                                    <li><a href="http://themeforest.net/user/dtbaker?ref=dtbaker" target="_blank">Designed by dtbaker</a> |</li>
                                    <li><a href="sitemap.html">Site Map</a> |</li>
                                    <li><a href="contact.html">Contact Us</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--end wrapper-->
                </div>
                <!--end bg pattern-->
            </div>
        </div>
    </div>
</body>
</html>
